// 文件的后缀名叫js和jsx都可以，jsx文件只适用于组价，封装一些公共方法得文件得后缀还是js
import React, { Component } from 'react'
import Son from './son'
import Dau from "./dau"
 class Father extends Component {
  state = {
      num:50,
      sex:"男"
  }
  fasendson = (data)=>{ // data就是子组件传递过来得数据
    console.log(data,222222)
    this.setState({
        sex:data
    })
  }
  render() {
    let {num,sex} = this.state
    return (
      <div>
         <p>{sex}</p>
         <span>我是父组件</span>
         {/* 在react中父组件想要给子组件传递参数，在组件标签上自定义属性名 */}
          <Son send="1912c" num = {num} sendfn = {this.fasendson}></Son>
          <button onClick={this.fasendson.bind(this,1111)}>惦记我</button>
          <Dau send={this.state.sex}></Dau>
      </div>
    )
  }
}

export default Father